<template>
	<view class="flip">
		<!-- <video style="width:100%;height: 100%;flex: 1;" src="https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a876efc0-4f35-11eb-97b7-0dc4655d6e68.mp4" controls></video> -->
		<text style="font-size: 50px;font-weight: bold;color: #fff;">{{item}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Number,
				default: 0
			},
			index: {
				type: Number,
				default: 0
			}
		}
	}
</script>

<style>
	.flip {
		/* #ifdef APP-NVUE */
		flex: 1;
		/* #endif */
		/* #ifndef APP-NVUE */
		height: 100%;
		display: flex;
		flex-direction: column;
		/* #endif */
		align-items: center;
		justify-content: center;
		position: relative;
	}
</style>